import Vue from 'vue'

import 'normalize.css/normalize.css' // 浏览器兼容问题，统一浏览器样式，不同浏览器解析等样式不同，这个用作重置

import ElementUI from 'element-ui'
import HrsaasUI from '@/components'
import 'element-ui/lib/theme-chalk/index.css'
// element英文语言包
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n

// 引入全局样式
import '@/styles/index.scss' //
// 引入根组件
import App from './App'
// 引入vuex仓库
import store from './store'
// 引入路由
import router from './router'
// 引入svg  简写 /index.js可以省略
import '@/icons' //
// 引入permission.js 权限相关
import '@/permission'

import * as directives from '@/directives'
import * as filters from '@/filters'

// 1.引入request组件
// 2.将request挂载到vue原型上
// 挂在原型上有个规范，$xxx
import request from '@/utils/request'
Vue.prototype.$request = request

// process.env.NODE_ENV === 'production' //判断是否是生产环境

// set ElementUI lang to EN
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)
Vue.use(HrsaasUI)

// 关闭生产环境开发提示
Vue.config.productionTip = false

// for (const key in directives) {
//   if (Object.hasOwnProperty.call(directives, key)) {
//     const value = directives[key]
//     Vue.directive(key, value)
//   }
// }
Object.keys(directives).forEach(item => {
  Vue.directive(item, directives[item])
})
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

new Vue({
  el: '#app', // 指定模版中id为app的div
  router, // 挂载路由
  store, // 挂载store
  render: h => h(App) // 渲染根组件
})
